@model ProductModel

<div class="panel-group">
    <div class="panel-body">
        @(Html.LocalizedEditor<ProductModel, ProductLocalizedModel>("product-seo-localized",
        @<div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="@Model.Locales[item].SeName" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="@Model.Locales[item].SeName" />
                    <span asp-validation-for="@Model.Locales[item].SeName"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="@Model.Locales[item].MetaTitle" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="@Model.Locales[item].MetaTitle" />
                    <span asp-validation-for="@Model.Locales[item].MetaTitle"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="@Model.Locales[item].MetaKeywords" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="@Model.Locales[item].MetaKeywords" />
                    <span asp-validation-for="@Model.Locales[item].MetaKeywords"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="@Model.Locales[item].MetaDescription" />
                </div>
                <div class="col-md-9">
                    <nop-textarea asp-for="@Model.Locales[item].MetaDescription"></nop-textarea>
                    <span asp-validation-for="@Model.Locales[item].MetaDescription"></span>
                </div>
            </div>
            <script>
                $(document).ready(function () {
                    $('#@Html.IdFor(model => model.Locales[item].SeName)').on('input change', function () {
                        var parameters = {
                            entityId: '@Model.Id',
                            entityName: 'Product',
                            seName: $(this).val()
                        };
                        warningValidation('@Url.Action("UrlReservedWarning", "Common")', '@Html.NameFor(model => model.Locales[item].SeName)', parameters);
                    });
                });
            </script>
            <div>
                <input type="hidden" asp-for="@Model.Locales[item].LanguageId"/>
            </div>
        </div>
,
        @<div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="SeName" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="SeName" />
                    <span asp-validation-for="SeName"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="MetaTitle" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="MetaTitle" />
                    <span asp-validation-for="MetaTitle"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="MetaKeywords" />
                </div>
                <div class="col-md-9">
                    <nop-editor asp-for="MetaKeywords" />
                    <span asp-validation-for="MetaKeywords"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3">
                    <nop-label asp-for="MetaDescription" />
                </div>
                <div class="col-md-9">
                    <nop-textarea asp-for="MetaDescription"></nop-textarea>
                    <span asp-validation-for="MetaDescription"></span>
                </div>
            </div>
            <script>
                $(document).ready(function () {
                    $('#@Html.IdFor(model => model.SeName)').on('input change', function () {
                        var parameters = {
                            entityId: '@Model.Id',
                            entityName: 'Product',
                            seName: $(this).val()
                        };
                        warningValidation('@Url.Action("UrlReservedWarning", "Common")', '@Html.NameFor(model => model.SeName)', parameters);
                    });
                });
            </script>
        </div>))
    </div>

</div>